<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>
<!DOCTYPE html>
<html lang="en">

<head>
    <title>${pd.SYSNAME}</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="static/login/bootstrap.min.css" />
    <link rel="stylesheet" href="static/login/css/camera.css" />
    <link rel="stylesheet" href="static/login/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="static/login/matrix-login.css" />
    <link href="static/login/font-awesome.css" rel="stylesheet" />


    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/jquery-1.7.2.js"></script>
    <script src="static/login/js/jquery.easing.1.3.js"></script>

    <script src="static/login/js/camera.min.js"></script>
    <script src="static/login/js/templatemo_script.js"></script>
    <script type="text/javascript" src="static/js/jquery.tips.js"></script>


</head>
<body>

<div
        style="width:100%;text-align: center;margin: 0 auto;position: absolute;">
    <div id="loginbox">
        <form action="" method="post" name="loginForm"
              id="loginForm">
            <div class="control-group normal_text">
                <h3>
                    <img src="static/login/logo.png" alt="Logo" />
                </h3>
            </div>
            <div class="control-group">
                <div class="controls">
                    <div class="main_input_box">
							<span class="add-on bg_lg">
							<i><img height="37" src="static/login/user.png" /></i>
							</span><input type="text" name="loginname" id="loginname"  value="" placeholder="请输入用户名" />
                    </div>
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <div class="main_input_box">
							<span class="add-on bg_ly">
							<i><img height="37" src="static/login/suo.png" /></i>
							</span><input type="password" name="password" id="password" placeholder="请输入密码" value="" />
                    </div>
                </div>
            </div>
            <div style="float:right;padding-right:10%;">
                <div style="float: left;margin-top:3px;margin-right:2px;">
                    <font color="white">记住密码</font>
                </div>
                <div style="float: left;">
                    <input name="form-field-checkbox" id="saveid" type="checkbox"
                           onclick="savePaw();" style="padding-top:0px;" />
                </div>
            </div>
            <div class="form-actions">
                <div style="width:86%;padding-left:8%;">





						<span class="pull-right" style="padding-right:3%;"><a
                                href="javascript:quxiao();" class="btn btn-success">取消</a></span> <span
                        class="pull-right"><a onclick="severCheck();"
                                              class="flip-link btn btn-info" id="to-recover">登录</a></span>

                </div>
            </div>

        </form>


        <div class="controls">
            <div class="main_input_box">
                <font color="white"><span id="nameerr">Copyright © FH
							2100</span></font>
            </div>
        </div>
    </div>
</div>
<div id="templatemo_banner_slide" class="container_wapper">
    <div class="camera_wrap camera_emboss" id="camera_slide">
        <div data-src="static/login/images/banner_slide_01.jpg"></div>
        <div data-src="static/login/images/banner_slide_02.jpg"></div>
        <div data-src="static/login/images/banner_slide_03.jpg"></div>
    </div>
    <!-- #camera_wrap_3 -->
</div>

<script type="text/javascript">

    //服务器校验
    function severCheck(){

        if(check()){

            var loginname = $("#loginname").val();
            var password = $("#password").val();
            var code = "IMS"+loginname+",TEST,"+password+"IMS"+",TEST,";

            $.ajax({
                type: "POST",
                url: 'login_login.shtml',
                data: {KEYDATA:code,tm:new Date().getTime()},
                dataType:'json',
                cache: false,
                success: function(data){

                    if("success" == data.result){
                        saveCookie();

                        window.location.href="main/index.shtml";
                    }else if("usererror" == data.result){

                        $("#loginname").tips({
                            side : 1,
                            msg : "用户名或密码有误",
                            bg : '#FF5080',
                            time : 15
                        });
                        $("#loginname").focus();
                    }else{
                        $("#loginname").tips({
                            side : 1,
                            msg : "缺少参数",
                            bg : '#FF5080',
                            time : 15
                        });
                        $("#loginname").focus();
                    }
                }
            });
        }
    }



    $(document).keyup(function(event) {
        if (event.keyCode == 13) {
            $("#to-recover").trigger("click");
        }
    });

    function genTimestamp() {
        var time = new Date();
        return time.getTime();
    }



    //客户端校验
    function check() {

        if ($("#loginname").val() == "") {

            $("#loginname").tips({
                side : 2,
                msg : '用户名不得为空',
                bg : '#AE81FF',
                time : 3
            });

            $("#loginname").focus();
            return false;
        } else {
            $("#loginname").val(jQuery.trim($('#loginname').val()));
        }

        if ($("#password").val() == "") {

            $("#password").tips({
                side : 2,
                msg : '密码不得为空',
                bg : '#AE81FF',
                time : 3
            });

            $("#password").focus();
            return false;
        }




        return true;
    }

    function savePaw() {
        if (!$("#saveid").attr("checked")) {
            $.cookie('loginname', '', {
                expires : -1
            });
            $.cookie('password', '', {
                expires : -1
            });
            $("#loginname").val('');
            $("#password").val('');
        }
    }

    function saveCookie() {
        if ($("#saveid").attr("checked")) {
            $.cookie('loginname', $("#loginname").val(), {
                expires : 7
            });
            $.cookie('password', $("#password").val(), {
                expires : 7
            });
        }
    }
    function quxiao() {
        $("#loginname").val('');
        $("#password").val('');
    }

    jQuery(function() {
        var loginname = $.cookie('loginname');
        var password = $.cookie('password');
        if (typeof(loginname) != "undefined"
            && typeof(password) != "undefined") {
            $("#loginname").val(loginname);
            $("#password").val(password);
            $("#saveid").attr("checked", true);

        }
    });
</script>
<script>
    //TOCMAT重启之后 点击左侧列表跳转登录首页
    if (window != top) {
        top.location.href = location.href;
    }
    $("#loginname").focus();
</script>


</body>

</html>